import React, { Component } from 'react'
import Detail from './Detail'
import {Link,Route} from 'react-router-dom'
export default class Message extends Component {
  state={
    messageArr:[{id:'01',title:'消息1'},{id:'02',title:'消息2'},{id:'03',title:'消息3'}]
  }
    render() {
      const {messageArr}=this.state
        return (
          <div>
            {
              messageArr.map((item)=>{
                return(
                  <li key={item.id}>
                    {/* 向路由组件传递parmas参数 */}
                      <Link to={`/home/message/detail/${item.id}/${item.title}`}>{item.title}</Link>
                  </li>
                )
              })
            }
            {/* 路由注册，接收parmas参数 */}
            <Route path="/home/message/detail/:id/:title" component={Detail}/>
          </div>
        )
    }
}
